Accot-Zhai Steering Law: Implications for UI Design 阿克託-翟氏轉向法則:對使用者介面設計的影響

軌跡控制定律(Steering Law)是 Fitts 定律的一個延伸,描述了使用者需要在有邊界的路徑(如選單、滑塊或捲軸)中移動指標(如滑鼠或觸控式螢幕遊標)所需的時間。

公式:

T:移動所需時間

A:路徑長度(如選單高度或滑塊的拖動距離)

W:路徑寬度(如選單選項的高度或滑塊軌道的寬度)

a, b:常數

核心理念

路徑越窄、越長,操作越困難,耗時越多

使用者操作不穩(例如手抖或裝置抖動)更容易導致誤操作。

常見的使用者介面元素與軌跡控制定律的關係

下拉選單(Dropdown Menus)

短而寬的選單更容易操作:減少誤操作的機率。

避免層級過深的選單:多級選單(尤其是超過兩級)會增加水平和垂直路徑的複雜性,導致使用者容易中斷操作。

在 MacOS 上,透過分層選單移動滑鼠遊標涉及一系列由 90 度轉彎分隔的線性路徑引導任務。在主選單內,滑鼠懸停時會開啟子選單。請注意,此 L 形序列中的第二步(從“查詢”移動到其子選單)涉及最狹窄的通道,對於使用者來說,透過此通道時速度慢且容易出錯。
許多使用者會嘗試從“查詢”對角移動到子選單中的專案,但由於這樣做時他們的滑鼠會穿過“拼寫和語法”的區域,目標子選單將丟失,而會開啟“拼寫和語法”選單。(請注意,MacOS 的舊版本具有由 NN/g 負責人 Bruce Tognazzini 設計的選單;該選單沒有出現這種行為,而是使用基於向量的三角形緩衝區來允許使用者對角移動。不幸的是,多年來,蘋果已經恢復了這種優秀的互動設計。)

層級選單(Hierarchical Menus)

在層級選單中,使用者必須水平和垂直移動滑鼠,這會形成“路徑導航”任務。路徑窄時,使用者容易誤選其他子選單。

最佳化建議:

  • 在選單項之間增加垂直和水平的間距,拓寬“路徑”。
  • 使用時間延遲:遊標短暫停留後才啟用子選單,避免誤觸。
  • 考慮替代方案:如 Mega Menus(大面板選單),允許使用者在一個二維空間內自由移動,避免路徑導航問題。

1. 下拉選單的設計

設計權衡:

最佳化方法:

2. 考慮替代方案

使用 Mega Menus(大面板選單):

滑塊、捲軸和播放進度條的最佳化

挑戰:滑塊等控制元件需要精確操作,但窄路徑容易導致誤差。

使用者難以精準到達目標,尤其是在觸屏裝置上。

最佳化方法

增加輔助控制元件:使用滑塊進行大致調節後,提供數值輸入框或微調按鈕進行精確調整。

支援直接點選跳轉:允許使用者直接點選滑塊軌道的任意位置,而不僅僅是拖動滑塊。

最佳化觸屏體驗:滑塊按鈕需至少 1cm×1cm,確保手指操作不遮擋滑塊或標籤。

寬容的路徑設計(Be Generous)

增加路徑的隱形寬度:在視覺路徑外新增隱形的“緩衝區”,讓使用者稍微偏離路徑時不至於操作失敗。例如:滑塊軌道可以在視覺邊界外增加有效區域。子選單的觸發區域可以比實際顯示的邊框更大。